<template>
  <div class="all-full image-box">
    <img
      class="full-width"
      :src="fileData.url"
      :alt="fileData.name"
    />
  </div>

</template>

<script>
import { browser } from "./resources";
import mixins from "./resourceShowMixins";

export default {
  mixins: [mixins],
  data () {
    return {
      fileData: {
        url: null,
        name: null

      }
    };
  },
  computed: {},
  created () {
  },
  methods: {

    show () {
      this.fileData = {
        url: this.coverImage(this.resource.resourceUrl),
        name: this.fileNameSplit(this.resource.name)
      };
    }
  }
};
</script>

<style lang="scss" scoped>
.image-box {
  width: 100%;
  height: 100%;
}
</style>
